<template>
  <div class="children">
    <h2>子组件</h2>
    <br>
    <div>父组件传来的name:{{ name }}和age:{{ age }}</div>
    <br>
  </div>
</template>
<script>
export default{
  props:{ // 接收的类型参数
    name:{
      type:String,
      defaule:'lx',
      require:false
    },
    // 对象形式
    age:{
      type:String, // 接收的类型为数值
      defaule:18, // 默认值为18
      require:true // age属性必须传递
    }
  },
  data(){
    return{
      refVal:'父组件通过ref获取子组件的值'
    }
  },
  mounted(){
    let good = '好的good'
    this.$emit('add', good)
  }
}
</script>
<style lang="scss" scoped>
.children{
  background-color: pink;
}
</style>
